<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Title</title>
		<meta charset="UTF-8">
		<meta name=description content="">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap CSS -->
		<link href="../Content/bootstrap/bootstrap.css" rel="stylesheet" media="screen">
	</head>
	<body>
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
        	<!-- Brand and toggle get grouped for better mobile display -->
        	<div class="navbar-header">
        		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        			<span class="sr-only">Toggle navigation</span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        		</button>
        		<a class="navbar-brand" href="#">NBSP</a>
        	</div>
        
        	<!-- Collect the nav links, forms, and other content for toggling -->
        	<div class="collapse navbar-collapse navbar-ex1-collapse">
        		<ul class="nav navbar-nav">
        			<li class="active"><a href="#">Home</a></li>
        			<li><a href="#">Link</a></li>
        		</ul>
        		<form class="navbar-form navbar-left" role="search">
        			<div class="form-group">
        				<input type="text" class="form-control" placeholder="Search">
        			</div>
        			<button type="submit" class="btn btn-default">Submit</button>
        		</form>
        		<ul class="nav navbar-nav navbar-right">
        			<li><a href="#">Link</a></li>

        			<li class="dropdown">
        				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img class="img-circle" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120">
                            Ime i prezime <b class="caret"></b></a>
        				<ul class="dropdown-menu">
        					<li><a href="#">Profil</a></li>
        					<li><a href="#">Podešavanja</a></li>
        					<li><a href="#">Izloguj se</a></li>
        				</ul>

        			</li>
        		</ul>
        	</div><!-- /.navbar-collapse -->
            </div>
        </nav>


        <div class="container">

            <div class="col-md-8 ">
                <h2>Sve oblasti</h2>

                <div class="thumbnail panel">
                    <img class="img-responsive" data-src="holder.js/720x200" alt="...">
                    <div class="caption panel-body">
                        <h3>Informatika</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>
                <div class="thumbnail panel">
                    <img class="img-responsive" data-src="holder.js/720x200" alt="...">
                    <div class="caption panel-body">
                        <h3>Istorija</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>
                <div class="thumbnail panel">
                    <img class="img-responsive" data-src="holder.js/720x200" alt="...">
                    <div class="caption panel-body">
                        <h3>Biologija</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ipsam itaque magnam neque quasi. Amet atque blanditiis corporis dolorum et ex maiores sequi? Asperiores deserunt, dicta harum hic libero voluptatem?</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>

            </div>

            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-body">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                        molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                    </div>
                </div>

            </div>

        </div>

		<!-- jQuery -->
		<script src="//code.jquery.com/jquery.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>

        <script src="holder.js"></script>
	</body>
</html>